<template>
	<view class="m-b-30 u-border-bottom p-30 bgf" style="border-radius: 20rpx;">
		<view class="" style="border-bottom: 2rpx dashed;">
			<view class="flex-justify-between">
				<view class="flex-item-center">
					<u-tag :text="item.cus_type" plain size="mini"></u-tag>
					<text class="font-30 m-l-20">{{item.cus_name}}</text>
					<!-- <view class="c9 m-l-20">
						会员号：13323
					</view> -->
				</view>
				<view class="baseColor">
					{{item.status}}
				</view>
			</view>
			<view class="flex-item-center m-t-20 m-b-20">
				<text class="c9">{{item.dept_name}}</text>
				<text class="font-24 m-l-20">{{item.appoint_time}}</text>
			</view>
		</view>
		<view class="flex-justify-between m-t-30" v-for="(item1,index1) in item.prods" :key="index1">
			<view class="flex-item-center">
				<image :src="item1.cover" mode=""></image>
				<view class="">
					<view class="">
						{{item1.prod_name}}
					</view>
					<view class="c9 m-t-20">
						x1
					</view>
				</view>
			</view>
			<view class="bold">
				￥{{item1.price}}
			</view>
		</view>
		<view class="" style="display: flex;flex-direction: row-reverse;">
			<view class="p-l-20 p-t-20">
				<!-- <u-button type="primary" size="mini" shape="circle" :plain="true" text="开单"></u-button> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:{
				type:Object,
				default:()=>({})
			}
			
		},
	}
</script>

<style lang="scss" scoped>
	image {
		width: 100rpx;
		height: 100rpx;
		border-radius: 10rpx;
		margin-right: 30rpx;
	}
</style>